<div xmlns:nevow="http://nevow.com/ns/nevow/0.1"
    xmlns:athena="http://divmod.org/ns/athena/0.7"
    nevow:render="liveElement">
  <style type="text/css">
    body {
    background: #D8EACE none repeat scroll 0%;
    }
    div[name="loginsArea"] {
    float: right;
    border: 1px solid #685a4f;
    background-image: url(img/fishes-small.JPG);
    }
    div[name="scrollArea"] {
    float: left;
    border: 1px solid #685a4f;
    background-image: url(./img/fishes-small.JPG);
    }
  </style>
    <div class="header1">Divmod Nevow: Athena</div>
    <div class="header2">Chatter<span class="header2">Box</span></div>
    <form name="chooseBox">
        <athena:handler event="onsubmit" handler="doSetUsername" />
        Choose your username: <input name="username" />
        <input type="submit" name="GO" value="Enter"/>
    </form>
    <form name="chatBox" style="display:none">
        <athena:handler event="onsubmit" handler="doSay" />
        <div name="scrollArea">
        </div>
        <input name="userMessage" /><input type="submit" value="Send" />
    </form>
    <div name="loginsArea"></div>
    <img src="/fishes.jpeg"/>
    <div name="loggedInAs" style="display:none"><span>Logged in as </span></div>
</div>
